/*
index style
*/
body{background: #e3e4e7;}
.nIco,.btnBlueTb,.mTitClose,.btnTitAdd:before,.btnPage,.btnFull,.btnFullRe,.btnShowAsw,.btnP,.fLine,.nTit:before,.kbSubLiTit,.subKbCtThr a,.btnCollect,.cIcoIndex{background: url("../images/sprite.png") no-repeat;}

/* header */
.header{border-top: 1px solid #217db7;
    background-color:#f2f2f2;
    background-image: linear-gradient(top, #fefefe, #e8e8e8); /* Firefox */
    background-image: -moz-linear-gradient(top, #fefefe, #e8e8e8); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #e8e8e8)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e8e8e8', GradientType='0'); /* IE*/
}
.logo{float: left; padding: 8px 0;}
.logo img{vertical-align: top;}
.settingBox{position: relative; float:right; width:108px; padding-right: 10px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.settingBox .setBtn{ height: 61px; text-align: center; color: #1490c1; font-size: 18px; line-height: 61px; cursor: pointer;}
.settingBox .setBtn:after{position: absolute; top:30px; left: 78px; content: '-'; width: 0; height: 0; border-style: solid; border-color: #1490c1 transparent transparent; border-width: 4px; text-indent: -999em;}
.settingBox .setCt{display:none; position: absolute; z-index: 999; top:61px; left: -1px; width: 100%; background: #ffffff; border: 1px solid #e9e9e9; border-top: none;}
.settingBox .setCt a{display: block; margin: 4px 1px; line-height: 24px; text-align: center; color: #404040; font-size: 14px;}
.settingBox .setCt a:hover{background: #aedef0; font-weight: bold; color:#1490c1; text-decoration: none;}

/* tipsBox */
.tipsBox{background: #217db7;}
.iIcoIndex{float: left; width: 13px; height: 14px; margin:13px 6px 0 0; background:url("../images/icoIndex.png") no-repeat;}
.tipsBox .welcome{padding:10px 0; line-height: 19px; color: #ffffff; font-size: 15px;}
.tagBox{position:relative; float: right; max-width:30%; padding-bottom: 6px;}
.tagBox .tagList{display:inline-block; margin:6px 0 0 8px; min-width: 70px; font-size: 14px; line-height: 25px; border-radius: 15px; color: #ffffff; background: #6db5e2; text-align: center;}
.tagMoreBtn{display:none; position:relative; width: 30px; height: 30px; text-indent: -999em; cursor: pointer;}
.tagMoreBtn:after{ position: absolute; left: 8px; top:12px; content: '.'; width: 0; height: 0; text-indent: -999em; border-width: 7px; border-style: solid; border-color: #a0cce9 transparent transparent; }

/* main */
.main{padding-top: 15px;}
.nav{float: left; width: 200px; padding: 5px 0 15px; background: #ffffff; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.rightMain{margin-left: 200px; overflow: hidden}
.mainLong .rightMain{margin-left: 26px;}

/* nav */
.navList{margin:0 10px 0 5px;}
.navList .nLink{display: block; color: #666666; font-size: 15px; line-height: 24px; font-weight: bold; border-bottom: 1px solid #ebebeb;}
.navList .nIco{display:inline-block; width: 40px; height: 40px; margin-top: 3px; vertical-align: top;}
.navList .navName{display: inline-block; vertical-align: top; line-height: 46px;}
.navList .nIcoIndex{background-position:8px 10px;}
.navList .nIcoB{background-position:8px -29px;}
.navList .nIcoC{background-position:8px -69px;}
.navList .nIcoD{background-position:8px -108px;}
.navList .nIcoE{background-position:8px -152px;}
.navList .nIcoF{background-position:8px -192px;}
.navList .nIcoG{background-position:8px -230px;}
.navList .nIcoH{background-position:8px -272px;}
.navList .nIcoI{background-position:8px -310px;}
.navList .nIcoJ{background-position:8px -350px;}
.navList .nIcoK{background-position:8px -392px;}
.navList .nIcoL{background-position:8px -430px;}
.navList .nIcoM{background-position:8px -470px;}
.navList .nLink:hover,.navList.active .nLink{color: #ffffff; text-decoration: none; background: #96c9e9; border-bottom-color: #96c9e9; }
.nLink:hover .nIcoIndex,.navList.active .nIcoIndex{background-position:-42px 10px;}
.nLink:hover .nIcoB,.navList.active .nIcoB{background-position:-42px -29px;}
.nLink:hover .nIcoC,.navList.active .nIcoC{background-position:-42px -69px;}
.nLink:hover .nIcoD,.navList.active .nIcoD{background-position:-42px -108px;}
.nLink:hover .nIcoE,.navList.active .nIcoE{background-position:-42px -152px;}
.nLink:hover .nIcoF,.navList.active .nIcoF{background-position:-42px -192px;}
.nLink:hover .nIcoG,.navList.active .nIcoG{background-position:-42px -230px;}
.nLink:hover .nIcoH,.navList.active .nIcoH{background-position:-42px -272px;}
.nLink:hover .nIcoI,.navList.active .nIcoI{background-position:-42px -310px;}
.nLink:hover .nIcoJ,.navList.active .nIcoJ{background-position:-42px -350px;}
.nLink:hover .nIcoK,.navList.active .nIcoK{background-position:-42px -392px;}
.nLink:hover .nIcoL,.navList.active .nIcoL{background-position:-42px -430px;}
.nLink:hover .nIcoM,.navList.active .nIcoM{background-position:-42px -470px;}
.subNav{width: 260px;}
.subNavCt{display:none; padding:5px 0 5px 44px; border-bottom: 1px solid #ebebeb;}
.subNavCt .subLink{display:block; color: #666666; font-size: 14px; line-height: 28px;}
.subNavCt .subLink.subLinkActive{position:relative; color: #f2a319; font-weight:bold; }
.subNavCt .subLink.subLinkActive:after{position: absolute; top:12px; right: 16px; content: '-'; width: 12px; height: 0; border-top:3px solid #f2a319; text-indent: -999em;}


/* rowPx */
.rowPx{margin-left:2.3641%;}
.teachDesc{font-size: 1em; line-height: 24px; color: #606060;}
.teachDesc a{color: #1a8bda;}
.btnBlueTb{display:inline-block; width: 70px; height: 25px; line-height: 22px; color: #ffffff; text-align: center; background-position: 0 -520px;}
.theTbBox{}
.theTb{width:100%; font-size: 1em; line-height: 16px; color: #515151;}
.theTb td{padding:8px 3px; vertical-align: top;}
.theTb tr{border-bottom: 1px solid #e5e5e5;}
.theTb tr:last-child{border-bottom: none;}
.theTb .theTbName{width:95px;}
.theTb .theTbDate{width:78px;}
.theTb .theTbTool{width:55px;}
.theTb .theTbName a{color: #217db7; text-decoration: underline;}

.myClass{ padding: 0 8px; margin-top: -10px;}
.myClsList{padding:20px 0 15px; border-bottom: 1px solid #ebebeb;}
.myClsImg{position:relative; float: left; width: 70px; height: 70px; margin:8px 0 0 10px;}
.myClsImg:after{position: absolute; top:50%; left: 50%; width: 34px; height: 34px; content: '.'; text-indent: -999em; margin:-17px 0 0 -17px; background:url("../images/video.png") no-repeat 0 0 / 100% auto; cursor: pointer; }
.myClsImg img{width: 100%; }
.myClsImgB{width:70px; height: 70px; margin-left: 10px;}
.myClsImgB img{max-width: 100%;}
.myClsCt{margin-left: 100px;}
.myClsTit{padding-bottom:6px; font-size: 1.1em; color: #217db7; font-weight: normal;}
.myClsDesc{font-size: 1em; color: #3d3d3d; line-height: 18px;}
.myClsFoot{padding: 5px 0 0;}
.operate{font-size: 1em; line-height: 20px;}
.operate a{margin: 0 3px; color: #717171;}
.pgsBox{}
.progress{display:inline-block; width: 130px; height: 10px; background: #e5e5e5;}
.progress i{display:block; height: 10px; background: #8ab882;}
.pgsNum{font-size: 15px; color: #515151; font-weight: bold;}

.myDoc{ margin-top: -10px;}
.myDocList{position: relative; padding: 14px 0 12px; border-bottom: 1px solid #ebebeb;}
.myDocImg{float: left; width: 47px; height: 47px; margin:0 9px 9px;}
.myDocImg img{max-width: 100%; max-height: 100%;}
.myDocCt{margin:0 100px 0 70px;}
.myDocTit{padding-bottom:5px; color: #3e3e3e; font-size: 1.1em; font-weight: normal;}
.myDocDesc{font-size: 1em; color:#a2a2a2;}
.myDocBtnBox{position: absolute; right:5px; top:50%; margin-top: -10px; line-height: 16px;}
.myDocBtnBox a{margin-right:20px; font-size: 18px; }
.myDocBtnCancel{color: #217db7;}
.myDocBtnRead{color: #ff9900;}
.mCtd{overflow: hidden;}
.mCtd .iTips{margin: 15px; padding: 5px 14px;}
.iTouch{ padding:30px 50px; font-size: 14px; color: #000000; line-height: 26px;}
.iTouchBox{height:450px;}
.iTouch p{padding:0 15px 22px 0;}
.jspVerticalBar{width:6px; background: none;}
.jspTrack{background: #ebf1f4;}
.jspDrag{background: #8bc1e1;}

/* footer */
.footer{margin-top:15px; padding-top: 15px; padding-bottom: 15px; background: #b6b6b9; line-height: 18px;}
.footer p{font-size: 14px; color: #3e3e3e;}

/* btn */
.navBtn{display:none; position: fixed; right:10px; top:50%; margin-top: -20px; padding:6px 6px; width: 24px; height: 24px; overflow: hidden; background: #ffffff; border: 1px solid #d2d2d2;}
.navBtn span{float: left; width: 6px; height: 6px; margin:1px; border: 2px solid #3ac0fe;}
.navBtn.active{background: #3ac0fe; border-color: #3ac0fe;}
.navBtn.active span{border-color: #ffffff;}
.tCtList{padding:14px 26px; border-bottom: 1px solid #ededed; font-size: 14px; line-height: 24px; color: #606060;}
.tCtList a{color: #217db7;}


.mainCt{ box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.mTit{ background: #f7f7f7; line-height: 20px;}
.mTitB{line-height: 13px; border-bottom: 1px solid #ffffff;}
.mTitB .fList{padding-top: 7px;}
.mTitB .fSelect{margin-right: 5px;}
.mTitC{padding-left:24px; background: #ebf1f4; color: #217db7; line-height: 40px;}
.mTitName{position:relative; display: inline-block; padding:12px 35px; color: #217db7; font-weight: bold; border-right: 1px solid #dedede; background: #ffffff;}
.mTitName:after{position: absolute; bottom:0; right: -29px; content: '-'; width: 29px; height:40px; text-indent: -999em; background: url("../images/mTitBg.png") no-repeat;}
.mTitTab{overflow: hidden;}
.mTitTabList{float:left; position:relative; display: inline-block; padding:13px 25px; cursor: pointer; background: url("../images/mTitBg.png") no-repeat;}
.mTitTabList.active{ color: #217db7; font-weight: bold; border-right: 1px solid #dedede; background: #ffffff;}
.myTitCen{text-align: center;}
.myTitCen .mTitName{ background: none; border:none;}
.myTitCen .mTitName:after{display: none;}
.mSubTit{padding:0 0 15px 18px; color: #fe9900; font-size: 22px; font-weight: normal;}
.mCt{background: #ffffff;}

.mCLassTbBox{padding: 0 10px; background: #ffffff; overflow: hidden;}
.mCLassTb{width: 100%; font-size: 14px; color: #3d3d3d;}
.mCLassTb th{ font-weight: normal; background: #ebf1f4; font-size: 16px; line-height: 18px;}
.mCLassTb td{padding:10px 10px 15px; border-bottom: 1px solid #f2f2f2;}
.mCLassTb a{ color: #217db7;}
.clsTit{ text-align: left; padding:10px; min-width: 85px;}
.clsTit a{font-size:1.285714em; text-decoration: underline; padding-bottom: 5px;}
.clsTit .clsNum{display: inline;}
td.clsNum{vertical-align: top; width: 25px; text-align: center;}
td.clsImg,td.clsTit,td.clsDesc{vertical-align: top;}
td.clsImg,td.clsNum{vertical-align: middle;}
td.clsTitCen{vertical-align: middle;}
.clsType{width: 60px; text-align: center;}
.clsTime{width: 70px; text-align: center;}
.clsPgs{ width: 140px;}
.clsPgsB {width:190px;}
.clsPgsC { text-align: center;}
.clsPgs .pgsBox{text-align: center;}
.clsState{width: 50px; text-align: center;}
.clsGn{width:44px; line-height: 2; text-align: center;}
.clsGn a{ padding: 5px 0;}
.clsFame{vertical-align: top;}
.clsName{text-align: left; min-width: 50px; padding-left: 10px;}
.clsPsw{color: #fe9900; font-weight: bold;}
.clsImg .myClsImg{margin-top: 0;}
.collect{font-size: 14px; color: #fe9900;}
.mCLassTb .myClsImg{width: 100px; height: 100px;}
.crumbsNav{padding:0 10px; font-size: 0.875em; color: #666666; line-height: 20px;}
.cIcoIndex{display: inline-block; width: 16px; height: 14px; background-position: -50px -990px;}
.mCLassTbWord .clsTit,.mCLassTbWord .clsImg,.mCLassTbWord .clsNum{vertical-align: middle;}
.mCLassTbWord .clsImg img{width: 20px; vertical-align: middle;}
.examTb{font-size: 18px;}
.examTb tr:nth-child(even){background: #fbfbfa;}
.examTb .clsTit a{text-decoration: none;}
.clsGn .btnCollect{font-size: 1em;}
.showPsw{display: none;}
.mCLassTbWord td{padding: 2px 10px 6px;}
.mCLassTbWord .clsTit a{text-decoration: none;}
.mCLassTbWord .clsImg{width: 20px;}
.videoIcon{padding-top:10px; text-align: center; line-height: 19px;}
.vIco{display: inline-block; width:19px; height: 19px; vertical-align: top; background: url("../images/bgVideo.png") no-repeat;}
.sltBtnNow{display:inline-block; margin:7px 0 0 5px; padding:0 14px; font-size: 14px; text-decoration: none; border-radius:12px; color: #64a1c7; font-weight: bold; line-height: 26px; background-color: #d4e1e7; }
.sltBtnNow.active{background: #8ecdea; color: #ffffff;}
.mTitBtnBoxC{margin-left: 10px;}


.subTbBox{padding: 15px 10px; overflow: hidden;}
.sTbList{width: 33.333%; float: left;}
.sTbListLong{width: 100%; margin-top: -1px;}
.sTbList td{border:1px solid #f4f8fb; padding:10px 20px 10px 5px; font-size: 14px; line-height: 16px;  color: #4b4b4b;}
.sTbList .sTbTit{width:120px; text-align: right; background: #f8fcfe;}
.iTipsTop{padding:15px 10px 5px; font-size: 12px; color: #f2a319; text-decoration: underline; text-align: right;}
.iTips{position:relative; padding:10px 24px; margin: 5px 0 15px; font-size: 12px; line-height: 24px; color: #3d3d3d; background: #fceed5; border:1px solid #f4d8b8;}
.iTipsTit{font-weight: bold;}
.btnCloseTips{position:absolute; top:6px; right:10px; width:24px; height: 24px; background: url("../images/bgClose.png") no-repeat;}
.tbTitNow{color: #3d3d3d;}
.tbTitNow span{margin-right: 25px;}
.tbLiTitNow{padding: 10px 0; font-size: 1.15em; color: #3d3d3d; font-weight: bold;}
.tbCtNow{line-height: 26px; color: #3d3d3d;}
.tbFootNow{padding: 8px 0 0;}
.colorRed{color: #ff0000;}
.fListBtnC{margin: 7px 15px 0 0}
.fListC{display:inline-block; padding: 8px 0 0 10px; vertical-align: top;}

.poWindows{display:none; position: fixed; top:0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.4);}
.pCt{ overflow-y: scroll; height: 100%;}
.pCtBox{width: 80%; max-width: 1300px; margin: 20px auto;}
.pCtBoxShort{ max-width: 800px;}
.pCtBox .myTitCen{position:relative; background: #8bc1e1; color: #ffffff;}
.pCtBox .mTitName{ color: #ffffff;}
.mTitClose{position: absolute; right:0; top:0; width: 28px; height: 28px; margin: 6px 8px 0 0; background-color: #599bcc; border-radius: 14px; background-position: -100px -520px; text-indent: -999em;}
.bHide{overflow: hidden;}


.btnTitAddBox{float: right; padding: 7px 17px;}
.btnTitAdd{display:inline-block; position:relative; padding:0 10px 0 35px; font-size: 14px; color: #696969; border-radius: 12px; line-height: 24px; border:1px solid #afc0d6;
    background-color:#f1f2f5;
    background-image: linear-gradient(top, #fefefe, #f1f2f5); /* Firefox */
    background-image: -moz-linear-gradient(top, #fefefe, #f1f2f5); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #f1f2f5)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f2f5', GradientType='0'); /* IE*/
}
.btnTitAdd:before{position: absolute; top:4px; left: 14px; content: '.'; width: 16px; height: 16px; text-indent: -999em; background-position: 0 -550px;}
.btnTitAdd:hover{text-decoration: none;
    background-color:#f2f2f2;
    background-image: linear-gradient(top, #f1f2f5, #fefefe); /* Firefox */
    background-image: -moz-linear-gradient(top, #f1f2f5, #fefefe); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f2f5), color-stop(1, #fefefe)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f5', endColorstr='#fefefe', GradientType='0'); /* IE*/
}
.mTips{padding:0 0 10px 0; background: #ffffff;}
.fList{display:inline-block; padding:10px 0 0; font-size: 14px; line-height: 24px; color: #6b6b6b; vertical-align: top;}
.fListName{}
.fListForm{}
.fListTxt{width:100px; height:24px; padding: 0 5px; color:#6b6b6b;  background-color: #fcfcfc; border: 1px solid #cbcbcb; }
.fListTxtDate{background:#fcfcfc url("../images/timeIco.png") 92% center no-repeat;}
.addForm textarea.fListTxt.fListTxtHeight{height: 150px;}
.nowFromBtn{display: inline-block; width:60px; height: 25px; margin: 0 5px; text-align: center; line-height: 25px; background: url("../images/bgBtnNow.png") no-repeat; color: #fff; font-size: 12px; }
.fSelect{position:relative; display:inline-block; width: 150px; vertical-align: top;}
.fSelectShort{width: 100px;}
.fSltNow{display:block; height:24px; padding: 0 25px 0 10px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; cursor: pointer; background: #fcfcfc; border: 1px solid #cbcbcb;}
.fSltNow:after{position: absolute; top:11px; right:10px; content: '-'; width: 0; height: 0; border-style: solid; border-color: #b0b0b0 transparent transparent; border-width: 4px; text-indent: -999em;}
.fSltCt{display:none; position: absolute; top:23px; left: 0; z-index: 999; width: 100%; padding: 5px 0; border: 1px solid #cbcbcb; border-top: none; background: #fcfcfc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.fSltCt span{display: block; padding:7px 12px; color: #6b6b6b; line-height: 16px; cursor: pointer;}
.fSltCt span:hover{color: #217db7; background: #cfe7fa;}
.fListBtnBox{padding-right: 5px;}
.fListBtn{display: inline-block; padding:0 15px; height: 26px; color: #ffffff; border: 1px solid #3396c4; cursor: pointer;
    background-color:#53b2e5;
    background-image: linear-gradient(top, #56bcf2, #53b2e5); /* Firefox */
    background-image: -moz-linear-gradient(top, #56bcf2, #53b2e5); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56bcf2), color-stop(1, #53b2e5)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56bcf2', endColorstr='#53b2e5', GradientType='0'); /* IE*/
}

/* page */
.pageBox{padding: 15px; background: #ffffff; text-align: right; line-height: 27px; font-size: 16px;}
.pageBox a,.pageNow{display:inline-block; width: 34px; margin: 0 2px; text-align: center; color: #444444; border:1px solid #dddddd;}
.btnPage{background-color: #b6b6b6; border-color: #b6b6b6; text-indent: -999em;}
.btnPagePrev{background-position:3px -577px;}
.btnPageNext{background-position: -47px -577px;}
.pageNow{border-color: #ffa340; background: #ffa340; color: #ffffff; font-weight: bold; vertical-align: top;}
.pageStatis{float: left; color: #676767;}

/* window add */
.addForm{padding: 15px 0;}
.mSubTitB{padding: 10px; margin: 0 10px; border-bottom: 1px dotted #b1b3b5;}
.aFromList{font-size: 14px; color: #333333;}
.aFormLiName{width: 100px; line-height: 45px; text-align: right;}
.aFormLiCt{margin:0 30px 0 120px; padding: 6px 0; }
.addForm .fListTxt{height: 30px; width: 95%; padding: 0 1%;}
.addForm textarea.fListTxt{ height: 60px; padding:1%;}
.addForm .fListTxtName{width: 60%; min-width: 120px;}
.addForm .fListTxtDate{width: 40%; min-width: 120px; background-position: 98% center;}
.addForm .aFormBtnX{display:inline-block; vertical-align: top; color: #4b4b4b; padding: 0 10px; line-height: 30px; border: 1px solid #b1b3b5; border-radius: 4px;
    background-color:#fcfcfc;
    background-image: linear-gradient(top, #fcfcfc, #f0f0f0); /* Firefox */
    background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #f0f0f0)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0', GradientType='0'); /* IE*/
}
.aFromListBtnBox{padding:20px 0; text-align: center;}
.aFromListBtn{display: inline-block; margin: 0 4px; padding: 0 16px; line-height: 35px; color: #ffffff; font-size: 18px; border-bottom: 1px solid #205eab; border-radius: 6px;
    background-color:#599ddb;
    background-image: linear-gradient(top, #599ddb, #3280cc); /* Firefox */
    background-image: -moz-linear-gradient(top, #599ddb, #3280cc); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #599ddb), color-stop(1, #3280cc)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599ddb', endColorstr='#3280cc', GradientType='0'); /* IE*/
}
.aFromListBtnSet{color: #696969; border-color: #b0b0b0;
    background-color:#e1e1e1;
    background-image: linear-gradient(top, #e1e1e1, #d5d5d5); /* Firefox */
    background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e1e1), color-stop(1, #d5d5d5)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#d5d5d5', GradientType='0'); /* IE*/
}

.btnFull{display:inline-block; margin:7px 0 0 20px; padding:0 12px 0 36px; font-size: 14px; text-decoration: none; border-radius:12px; color: #ffffff; font-weight: bold; line-height: 26px; background-color: #ffb94f; background-position: 15px -600px;}
.btnFullRe{display:none; margin:5px 0 5px 20px; padding:0 12px 0 20px; background-position: 0 -625px; color: #6f6f6f; font-size: 14px; line-height: 26px;}
.mTitBtnBox{float:right; padding:0px 10px 4px;}
.mTitBtnBoxB{float:none; display: inline-block;}
.btnShowAsw{padding-left: 20px; margin-left: 5px; color: #6f6f6f; font-size: 14px; background-position: 1px -654px;}
.btnShowAswHide{ background-position: 1px -674px;}
.clsGn .btnP{display:inline-block; width: 24px; height: 24px; padding: 0; background-color: #3d821b; background-position: 0 -700px; text-indent: -999em; border-radius: 12px;}
.btnP.active{ background-color: #7db653;}
.fullTit{display:none; padding:22px 0 0; text-align: center;}
.fTitName{font-size: 24px; color: #217db7;}
.btnFontBox{float:right; padding: 10px 50px 0 0; font-size: 12px;}
.btnFont{display:inline-block; width:20px; margin: 0 1px; text-align: center; color: #444444; line-height: 20px; border-radius: 4px; background: #8396a9; color: #ffffff;}
.btnFont:hover{text-decoration: none;}
.btnFontAct{background: none; color: #444444;}
.fLine{height: 4px; width: 98%; margin: 16px auto; background-position: 0 -730px; background-repeat: repeat-x;}


/* full */
.rMainFix{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0; background-color: #e3e4e7; overflow-y: auto;}
.rMainFix .rowPx{position:relative; width:75%; max-width: 1200px; margin:0 auto 45px; padding-left: 0; background-color: #ffffff;}
.rMainFix .btnFull{display: none;}
.rMainFix .btnFullRe{position:absolute; top:-5px; right:5px; display: inline-block;}
.rMainFix .mTitName{display:none; background: none; border: none;}
.rMainFix .mTitName:after{display: none;}
.rMainFix .mCt{width: 96%; margin:15px auto 0;}
.rMainFix .fullTit{display: block;}


/* sub left nav */
.nTit{position: relative; margin: -5px 0 10px; padding-left: 50px; line-height: 40px; background: #96c9e9; color: #ffffff; font-size: 0.875em; font-weight: bold;}
.nTit:before{position: absolute; top:11px; left: 14px; content: '.'; width: 22px; height: 18px; text-indent: -999em; background-position: -100px -580px;}
.kbNav{padding: 0 10px;}
.kbNav a{text-decoration: none;}
.kbLiTit{display:block; position: relative; margin-bottom: 10px; padding:5px 40px 5px 22px; line-height: 20px; font-size: 0.875em; color:#868686; font-weight: bold; background: #f2f2f2;}
.kbLiTit .kbLiTitIco{position: absolute; top:0; right:0; width: 30px; height: 100%; background: #d9d9d9;}
.kbLiTit .kbLiTitIco:before,.kbLiTit .kbLiTitIco:after{position: absolute; top:14px; left: 8px; content: '.'; width: 16px; height: 2px; background: #ffffff; text-indent: -999em; }
.kbLiTitIco:after{
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.kbLiTit.active .kbLiTitIco:after{
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.kbLiTit.active{background: #cae4f4; color: #3b91c7;}
.kbLiTit.active .kbLiTitIco{background: #a0cce9;}
.kbSubLiTit{display:block; margin: 6px 0 0; padding:5px 0 5px 26px; line-height: 20px; font-weight: bold; font-size: 0.75em; color: #888888; background-color: #f5f5f5; background-position:220px -800px;}
.kbSubLiTit.active{background-color: #ecf5fb; background-position:220px -750px;}
.subKbCt{display: none; padding: 5px 0;}
.subKbCtSec{margin-top:-15px; padding-bottom: 18px;}
.subKbCtThr{}
.subKbCtThr a{display: block; padding:5px 0 5px 43px; color: #888888; font-size: 0.75em; line-height: 18px; border-bottom: 1px solid #ebebeb; background-position:28px -838px; }
.subKbCtThr a:hover,.subKbCtThr a.active{color: #3b91c7;}

/* video */
.videoBox{margin: 0 1.5%;}
.vList{overflow:hidden; position:relative; padding-bottom: 15px; border-bottom: 1px solid #F2F2F2;}
.vLiNum{position:absolute; top:5px; width: 50px; text-align: center;}
.vLiImg{float:left; position: relative; height: 100px;width: 100px; margin: 7px 0 0 55px;}
.vLiImg img{vertical-align:top; width:100%; max-height: 100%; max-width: 100%;}
.vLiName{margin:0 240px 0 170px; padding: 3px 0; font-size:1.28571em;}
.vLiName a{color: #217DB7; text-decoration: underline;}
.vLiName span{font-size: 0.875em; color: #777}
.vLiDesc{padding-top:6px; font-size: 0.7em;}
.vLiFoot{position: absolute; right:10px; top:50%; margin-top: -20px; }
.btnCollect{display:inline-block; width: 60px; text-align: center; background-position: 999px 999px; color: #FE9900; font-size:0.875em;}
.btnCollectNot{color: #217DB7;}
.vLiFoTime{display:none;}
.vLiSub{display:inline-block; width: 60px; padding: 0 3px; text-align: center; font-size: 0.875em;}
.vListTit{overflow:hidden; position:relative; padding: 10px 1.5%; margin: 0 -1.5% 5px; line-height: 18px; font-size: 1em; background: #EBF1F4; }
.vListTit .vLiNum{top:11px;}
.vListTit .vLiName,.vListTit .vLiSub{font-size: 1em;}
.vListTit .vLiFoot{right:22px; margin-top: -10px;}

.videoBox{margin: 0 1.5%;}
.vLiNum,.vListTit,.vLiDesc{display: none;}
.vList{position: relative; float: left; width:22%; margin:25px 1.5%; border:none;}
.vLiImg{float: none; width: auto; height: auto; margin:auto;}
.vLiImg:hover:after{position: absolute; top:50%; left: 50%; width: 60px; height: 60px; margin:-30px 0 0 -30px;}
.vLiName{margin:0; padding: 3px 0; font-size: 0.9em;}
.vLiFoot{margin:0; position: inherit; right: auto; top:auto; padding-top: 5px;}
.btnCollect{float:right; width:24px; height: 24px; margin: 0 4px 0 0; background-color: #fe9900; background-position: 2px -989px; border-radius: 50%; text-indent: -999em;}
.btnCollectNot{background-color: #BDBDBD;}
.vLiFoTime{display: inline; margin-right: 10px; color: #808080; font-size: 0.75em;}

/* exam */
.fTitDesc{padding:15px 240px 10px; color: #6d6d6d; font-size: 15px;}
.subFont{}
.subFont .btnFontBox{float: none; padding-right: 0;}

.examBox{position:relative; padding:10px 0; font-size: 18px;}
.examTit{ font-size: 1em; color: #404040; font-weight: bold; line-height: 1.2; border-bottom: 1px solid #e5e5e5;}
.examTit span{display: inline-block; padding:6px 0 ; margin-bottom: -1px; border-bottom: 2px solid #96d3ea;}
.examCt{ color: #303030;}
.eList{padding:6px 0 6px; border-bottom: 1px solid #f2f2f2;}
.eListName{ padding-left:4%;}
.eListCt{padding-top:4px; line-height: 1.7;}
.eListCt li{padding-left: 8%;}
.eListCt li span{display: inline-block; vertical-align: top; width: 20px;}
.eListCt li label{display: inline-block; vertical-align: top;}
.eListCt li.eLiRight:after,.eListCt li.eLiErr:after{padding-left:25px; margin-left: 30px; background: url("../images/err.png") no-repeat 2px center;}
.eListCt li.eLiRight{ background: none;}
.eListCt li.eLiErr{background:none}
.eListCt li.eLiRight:after{content:"答对了"; color: #64ba3e;}
.eListCt li.eLiErr:after{content:"答错了"; color: #eb3f2d; background-position: -148px center;}
.eListTxt{margin-left: 4%; padding-top: 3px;}
.eListTxt textarea{width:97%; height: 60px; padding:4px 1%; background:#f9f9f9; border:1px solid #dcdcdc; color: #333333;}
.examBtnBox{padding: 50px 0; text-align: center;}
.examBtn{display:inline-block; height:40px; padding: 0 33px; font-size: 24px; line-height: 40px; border-radius: 4px; border-bottom: 1px solid #205eab; color: #ffffff; cursor: pointer;
    background-color:#5c9fdc;
    background-image: linear-gradient(top, #5c9fdc, #3280cb); /* Firefox */
    background-image: -moz-linear-gradient(top, #5c9fdc, #3280cb); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5c9fdc), color-stop(1, #3280cb)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9fdc', endColorstr='#3280cb', GradientType='0'); /* IE*/
}
.examBtn:hover{text-decoration: none;
    background-color:#3280cb;
    background-image: linear-gradient(top, #3280cb, #5c9fdc); /* Firefox */
    background-image: -moz-linear-gradient(top, #3280cb, #5c9fdc); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3280cb), color-stop(1, #5c9fdc)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3280cb', endColorstr='#5c9fdc', GradientType='0'); /* IE*/
}
.nodeBox{position: relative;}
.node{position: absolute; top:0px; right:0px; width: 175px; height: 234px; padding: 0 28px; background: url("../images/nodeBg.png") no-repeat;}
.nodeTit{padding: 45px 0 7px; font-size: 0.875em; color: #4d2c11; font-weight: bold; text-align: center;}
.nodeList{font-size: 0.75em; line-height: 1.833333; color: #404040;}
.msgBox{position:absolute; right:8px; top:6px; width:205px; font-size: 12px; color: #3d3d3d; border:1px solid #f4d8b8;}
.msgTit{padding-left: 10px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #f4d8b8; background: #f4d8b8;}
.msgCt{padding:5px 10px; background:#fceed5; line-height: 24px;}
.pageBox-ex{margin-top: -10px;}
.examBtnBoxNow{padding-bottom: 20px; background: #ffffff; text-align: center;}

.classPoBox{padding: 16px 24px;}
.classPo{border:1px solid #ebf1f4; border-right: none;}
.clsPoLeft{float: left; width: 38.52459%; }
.clsPoLeftBox{margin:36px 28px;}
.clsPoLeftBox img{width: 100%;}
.clsPoRight{float: left; width: 61.47541%; margin-left: -1px; border-left: 1px solid #ebf1f4;}
.clsPoTb{width:100%; margin:-1px -1px 0 0;}
.clsPoTb td{padding:10px 18px; border-right:1px solid #ebf1f4; border-bottom:1px solid #ebf1f4;}
.clsPoTb td.short{width:85px;}
.clsPoTb td.clsPoTit{background:#f4f8fb; }
.clsPoTb td.clsPoCt{height: 80px; vertical-align: top;}
.clsPoFoot{padding: 20px 0; text-align: center;}
.clsPoFoot a{margin:0 15px; color: #217db7; font-size: .875em;}



/* ==============================
           responsive
================================*/

@media (max-width: 1200px) {

    .wrap{padding-left:3%; padding-right:3%;}
    .main .rightMain{margin-left: 0;}

    /* nav */
    .navBtn{display:block;}
    .nav{display:none; position:fixed; top:50%; right:-300px; margin-top:-300px; z-index: 1001; background: rgba(0,0,0,0.7); border-radius: 6px;}
    .navList .nLink,.subNavCt{border-bottom-color: #525354; color: #bcbcbc;}
    .navList .nIcoIndex{background-position:-92px 10px;}
    .navList .nIcoB{background-position:-92px -29px;}
    .navList .nIcoC{background-position:-92px -69px;}
    .navList .nIcoD{background-position:-92px -108px;}
    .navList .nIcoE{background-position:-92px -152px;}
    .navList .nIcoF{background-position:-92px -192px;}
    .navList .nIcoG{background-position:-92px -230px;}
    .navList .nIcoH{background-position:-92px -272px;}
    .navList .nIcoI{background-position:-92px -310px;}
    .navList .nIcoJ{background-position:-92px -350px;}
    .navList .nIcoK{background-position:-92px -392px;}
    .navList .nIcoL{background-position:-92px -430px;}
    .navList .nIcoM{background-position:-92px -470px;}
    .subNavCt .subLink,.subNavCt .subLink.subLinkActive{color: #bcbcbc;}
    .navList .nLink:hover,.navList.active .nLink{background: #ffb637; border-bottom-color: #ffb637; border-radius: 6px;}
    .clsTime,.clsState{display: none;}
    .tagMoreBtn{display: inline-block;}
    .tagMore{display: none; position: absolute; right: 0; top: 28px; z-index: 999; padding: 5px 0 10px; border-radius: 6px; background: rgba(0, 0, 0, 0.6);}
    .tagBox .tagList{background: none; margin-left: 0; padding: 0 6px;}

    /* sub nav fix*/
    .subNav{background: rgba(30,30,30,.95)}
    .nTit{background: rgba(0,0,0,0.3); border-radius: 6px 6px 0 0;}
    .kbLiTit{padding:5px 15px 15px 50px;color:#c4c4c4; background: none; border-bottom: 1px solid #706E6E;}
    .kbLiTit .kbLiTitIco{left:12px; right:auto; background: none;}
    .kbLiTit.active{background: none; color: #ffc26c; border: none;}
    .kbLiTit.active .kbLiTitIco{background: none;}
    .subKbCtSec{ margin-top: -25px;}
    .subKbCtThr{padding-bottom: 0; border-radius:0 0 6px 6px; background: rgba(255,255,255,0.1); }
    .subKbCtThr a:last-child{ border-radius:0 0 6px 6px;}
    .kbSubLiTit{ color: #c4c4c4; background-color: transparent; background-position: 158px -950px; border-bottom: 1px solid #706E6E;}
    .kbSubLiTit.active{color: #ffffff; background-position: 158px -900px;  border-radius: 6px 6px 0 0; background-color: rgba(255,255,255,0.1);}
    .subKbCtThr a{background-position:28px -858px; border-color: #706E6E; color: #b5b5b5;}
    .subKbCtThr a:hover,.subKbCtThr a.active{color: #ffc26c;}
    .rowPx{margin-left: 0;}

}

@media (max-width: 900px) {
    .rowPx{padding-left: 0;}
    .row .sp6{width:100%; margin-left: 0;}
    .clsType,.clsDesc{display: none;}
    .sTbList{width: 50%;}
    .sTbListB,.sTbListLong{width: 100%; margin-top: -1px;}
    .mTitBtnBox{float: none;}

}

@media (max-width: 600px) {
    .logo{width: 60%; line-height: 45px;}
    .logo img{max-width: 100%; vertical-align: middle;}
    .settingBox{width:60px;}
    .settingBox .setBtn:after{left: 50px;}
    .theTbDesc{display: none;}
    .theTb .theTbName{width: auto}
    .myClsImg{float: none; text-align: center;}
    .myClsCt{ margin-left: 0; padding-top: 6px;}
    .myClsList{position:relative;}
    .myClsTit{position:absolute; top:25px; left: 0; padding-left:80px; }
    .myClsImg{margin-left: 0;}
    .myDocImg{width:24px; height: 24px; margin:5px 0 0 5px;}
    .myDocCt{margin:0 60px 0 35px}
    .myDocBtnBox{right:0; width: 50px; margin-top: -25px; line-height: 24px;}
    .myDocBtnBox a{margin-right: 5px;}
    .clsPgs,.clsTit span{display: none;}
    .clsTit a{font-size: 16px;}
    .clsNum{display: none;}
    .sTbList{width: 100%; margin-top: -1px;}
    .fList{display: block;}
    .fListName{display:inline-block; width: 80px; text-align: right;}
    .btnTitAddBox{display:block; float: none; text-align: center;}
    .mCLassTb td{padding: 10px 5px 15px;}
    .aFormLiName{width: 65px;}
    .aFormLiCt{margin-left: 70px;}
    .pCtBox{width: 90%;}
    .showPsw span{display: inline;}
    .btnFontBox{display: block; float: none; padding: 10px 0 0; text-align: center;}
    .vList{width: 47%;}
    .rMainFix .nodeBox{padding-top: 230px;}
    .node{top: 0px; right: 50%; margin-right: -115px;}
    .fTitDesc{padding: 15px 20px 10px;}
    .tagMoreBtn{margin-top: 20px;}

    .rMainFix .rowPx{width: 100%; margin-bottom: 0;}

    .rightMainB{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0; background-color: #e3e4e7; overflow-y: auto;}
    .rightMainB .rowPx{width:100%; margin:0 auto 30px; padding-left: 0; background-color: #ffffff;}
    .rightMainB .btnFull{display: none;}
    .rightMainB .btnFullRe{position:absolute; top:-5px; right:5px; display: inline-block;}
    .rightMainB .mTitName{display:none; background: none; border: none;}
    .rightMainB .mTitName:after{display: none;}
    .rightMainB .mCt{width: 96%; margin:15px auto 0;}
    .rightMainB .fullTit{display: block;}
}
@media (min-width: 1201px) {
    .tagMore{display: block !important;}
}